@charset "UTF-8";

/****/

#container:after {
    display: block;
    content: "";
    clear: both;
}

#dialog {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    z-index: 1;
    display: none;
}

body {
    margin-top: 5rem;
}

.none {
    display: none !important;
}


/***  公用 header  ***/

#logo {
    height: 60%;
}

#header {
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    border-bottom: 1px solid #eee;
}

#menu-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 5rem;
    height: 5rem;
}

#menu-btn span {
    position: absolute;
    left: 20px;
    width: 24px;
    height: 2px;
    background-color: #00ae85;
    -webkit-transition: -webkit-transform 300ms, top 300ms
}

#menu-btn .top {
    top: 20px;
}

#menu-btn .mid {
    top: 28px;
}

#menu-btn .bot {
    top: 36px;
}


/* 菜单按钮控制 */

#menu-btn .top {
    top: 20px;
    -webkit-animation: menuBtn-off-top-anim 400ms forwards;
}

#menu-btn .mid {
    -webkit-opacity: 0;
    -webkit-animation: menuBtn-off-mid-anim 400ms forwards;
}

#menu-btn .bot {
    top: 36px;
    -webkit-animation: menuBtn-off-bot-anim 400ms forwards;
}


/* 菜单按钮动画 */

@-webkit-keyframes menuBtn-on-top-anim {
    50% {
        top: 24px;
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(45deg);
        top: 24px;
    }
}

@-webkit-keyframes menuBtn-on-mid-anim {
    100% {
        -webkit-opacity: 0;
    }
}

@-webkit-keyframes menuBtn-on-bot-anim {
    50% {
        top: 24px;
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-45deg);
        top: 24px;
    }
}

@-webkit-keyframes menuBtn-off-top-anim {
    50% {
        top: 24px;
        -webkit-transform: rotate(0deg);
    }
    100% {
        top: 20px;
        -webkit-transform: rotate(0deg);
    }
}

@-webkit-keyframes menuBtn-off-mid-anim {
    100% {
        -webkit-opacity: 1;
    }
}

@-webkit-keyframes menuBtn-off-bot-anim {
    50% {
        top: 24px;
        -webkit-transform: rotate(0deg);
    }
    100% {
        top: 36px;
        -webkit-transform: rotate(0deg);
    }
}

#menu-btn.menu-on .top {
    -webkit-animation: menuBtn-on-top-anim 400ms forwards;
}

#menu-btn.menu-on .mid {
    -webkit-animation: menuBtn-on-mid-anim 400ms forwards;
}

#menu-btn.menu-on .bot {
    -webkit-animation: menuBtn-on-bot-anim 400ms forwards;
}


/***  公用menu  ***/

#menu {
    position: fixed;
    width: 100%;
    height: 0;
    overflow: hidden;
    top: 5rem;
    left: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, .5);
    transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
}

#menu ul {
    background-color: #fff;
}

#menu ul li {
    height: 5rem;
    line-height: 5rem;
    text-indent: 1.5rem;
    border-top: 1px solid #eee;
    font-size: 1.5rem;
    box-sizing: border-box;
}

#menu ul li a {
    text-align: center;
    display: block;
    color: #999;
}

#menu ul li.on a {
    text-align: center;
    color: #00ae85;
    // border-left: 5px solid #00ae85;
}


/***  公用footer  ***/

#footer {
    background-color: #333;
    margin-top: 2rem;
}

#copyright {
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    padding: 1rem 0;
}


/***   首页   ***/

.swiper-pagination-bullet{
	background:#fff!important;
	opacity: 1!important;
}
.swiper-pagination-bullet-active{
	background-color: #e3d400 !important;
}

/*banner*/

.slideShow {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-transition: height 400ms;
}

.slideShow .pics {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(0px, 0px) translateZ(0px);
    -webkit-transition: -webkit-transform 300ms;
}

.slideShow .pics.noAnim {
    -webkit-transition-duration: 0ms;
}

.slideShow .pics li {
    float: left;
    height: 100%;
    position: relative;
}

.slideShow .pics li h3 {
    font-size: 2rem;
    color: #fff;
}

.slideShow .pics li p {
    font-size: 1rem;
    color: #fff;
}

.slideShow .pics li div {
    position: absolute;
    /*    right: 1rem;*/
    left: 20%;
    bottom: 30%;
    width: 60%;
    text-align: center;
}

.slideShow .pics li a {
    display: block;
    width: 100%;
    height: 100%;
}

.slideShow .pois {
    position: absolute;
    left: 50%;
    bottom: 10px;
    -webkit-transform: translateX(-50%);
    -webkit-opacity: 0.7;
}

.slideShow .pois li {
    float: left;
    margin: 0 .6rem;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid transparent;
    -webkit-transition: background-color 300ms, border-color 600ms;
}

.slideShow .pois li.on {
    background-color: #f19149;
    border-color: #f19149;
}

.swiper-slide img{
	width:100%;
}
/*// 网络约租车*/

.heightTop{
	padding-top: 1.5rem;
	padding-bottom: 9rem;
}

.other-banner {
    width:100%;
    position: relative;
}
.other-banner img{
     width:100%;
}
.other-banner p {
    position: absolute;
    top: 25%;
    left: 10%;
    color: #fff;
    line-height: 1.5rem;
    font-size: 1.2rem;
}

.other-banner p span {
    display: block;
    font-weight: bold;
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.subtitle {
    color: #999;
    text-align: center;
}

.throughList {
    padding: 1rem 1rem;
}

.throughList::after {
    content: ' ';
    display: block;
    clear: both;
}

.throughList {
    background-color: #f6f6f6;
}

.widthdetail {
    width: 60%;
}

.online-info {
    font-size: 1.4rem;
    color: #666;
    margin: .8rem;
}

.floatleft {
    float: left;
    padding-right: 1rem;
}

.floatright {
    float: right;
}

.throughimg {
    width: 35%;
}

.throughimg img {
    width: 100%;
}

.throughtitle {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    color: #444;
    font-weight: bold;
}

.thro-detail {
    font-size: 1.4rem;
    color: #666;
}

.aritext {
    font-size: 1.4rem;
    color: #666;
    /*line-height: 2rem;*/
   margin-bottom: 0.5rem;
}

.cartime {
    text-align: center;
    font-size: 1.3rem;
}

.solutionfun {
    padding: 1rem 1rem;
}

.solutionfun h3 {
    color: #666;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 4rem;
}

.solutionfun p {
    color: #999;
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin: 1rem 0;
    text-align: center
}

.medeltitle {
    font-size: 1.6rem;
    font-weight: bold;
    color: #666;
    margin: 2rem 0 1.2rem
}

.medeldetil {
    line-height: 1.8rem;
    font-size: 1.4rem;
    color: #666;
}

.imggreen {
    padding: 1.5rem 0;
    text-align: center
}

.imggreen img {
    width: 80%;
}

.goBanner {
    position: relative;
}

.goBanner img {
    width: 100%;
}

.bannerWord {
    width: 95%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.bannerWord p {
    color: #fff;
    text-align: center;
}

.abtTitle {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2rem;
}

.engTitle {
    margin: 0.5rem 0;
    font-size: 1rem;
}

.titledetil {
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-top: 0.5rem;
}

.changeList {
    width: 46%;
    margin: 2%;
    float: left;
    position: relative;
    display: inline-block;
}

.changebox {
    margin-top: 2.5rem;
    padding: 0 2%;
}

.changebox:after {
    content: ' ';
    display: block;
    clear: both;
}

.changeList img {
    width: 100%
}
.changeList>a{
	display: block;
}
.changeList>a>p {
    position: absolute;
    text-align: center;
    font-size: 1.4rem;
    top: 50%;
    left: 50%;
    width: 100%;
    color: #fff;
    transform: translate(-50%, -50%)
}

.iconImg {
    padding: 1rem 0;
    background-color: #f6f6f6;
    // padding
}

.iconImg:after {
    content: ' ';
    display: block;
    clear: both;
}

.iconImg img {
    width: 60%
}

.comimgBox {
    float: left;
    margin: 0 5%;
    width: 15%;
    text-align: center;
}

.comimgBox p {
    font-size: 1.2rem;
    color: #999;
    text-align: center;
    padding-top: 0.5rem;
    line-height: 1.8rem;
}
.introds{
    padding:1rem 0;
    padding-bottom:1.5rem;
}
.introds p {
    color: #666;
    text-align: center;
}

.introds-title {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 3rem;
}

.introds-subtitle {
    font-size: 1.2rem;
    line-height: 2rem;
}
.introds-imgBox{
    padding:1rem 0;
    padding-bottom:2rem;
}
.introds-imgBox:after{
    content:' ';
    display:block;
    clear:both;
}

.introds-img {
    float: left;
    margin-right: 5%;
    width: 30%;    
}
.introds-detial{
    margin:.5rem 0;
    font-size:1.2rem;
    line-height:1.8rem;
}
.introds-img:last-child{
    margin-right:0;
}
.introds-img img{
    width:100%;
}
.UTomap img{
    width:100%;
}
.businessImgbox{
    padding:1rem 16px;
    padding-bottom:2rem;
}
.businessImgbox:after{
    content:' ';
    display:block;
    clear:both;
}
.iconname{
    font-size:1.3rem;
    font-weight:bold;
    margin:.5rem 0;
    color:#666;
}
.icondetial{
    font-size:1.1rem;
    color:#666;
}
.businessicon{
    text-align:center;
    float:left;
   margin-right: 5%;
    width: 21%;
}
.businessicon img{
    width:50%;
}
.businessicon:last-child{
    margin-right:0;
}
.fater{
	position: relative;
}
.btn-sub img{
	width: 12%;
	margin-bottom:0.2rem
}
.subnav{
	background: rgba(0,0,0,.8);
	position: absolute;
	top: 4rem;
	left: 1rem;
	z-index: 2;
	display: none;
	width: 80% !important;
}
.cut{
	display: block;
}
.cutxuan{
	transform: rotate(180deg);
}
.subnav li{
	float: none !important;
	width: 100% !important;
	text-align: center!important;
    line-height: 2.5rem!important;
    margin-bottom: 0!important;
    font-size: 1.2rem!important;
    background-color: transparent !important;
    padding: 0.3rem 0 !important;
}
.subnav li a{
	display: block;
	width: 100%;
	padding-bottom: 0rem!important;;
    color: #fff!important;;
	
}
.breadsub{
	font-size: 1.5rem;
    background-color: #f6f6f6;
    color: #999;
   line-height: 4rem;
   padding-left: 16px;
}
.breadsub span{
	color: #00ae85;
}
#news-list li{
	padding: 1.2rem 0;
	border-bottom: 1px solid #eee;
	
}
.news-time{
	color: #444;
	font-size: 1.5rem;
}
.news-title{
	color: #444;
	line-height: 3rem;
	font-size: 1.5rem;
	display:block;
	white-space:nowrap;
	 overflow:hidden; 
	 text-overflow:ellipsis;
}
.news-detail{
	color: #666;
}
.news-detail>a{
	font-size: 1.3rem;
	color: #666;
}
/*我们的优势*/

.newsList li {
    border-top: 1px solid #e3e3e3;
    padding: 1.2rem 0;
}

.newsList li p {
    font-size: 1.4rem;
    color: #666;
    margin: 0.3rem 0;
    width: 95%;
    display:block;
    white-space:nowrap;
     overflow:hidden;
     text-overflow:ellipsis;
}
/***  联系我们   ***/

#touch-us {
    padding: 0;
}

#touch-us li:after {
    display: block;
    content: "";
    clear: both;
}

#touch-us li {
    width: 100%;
    clear: both;
    font-size: 2rem;
    margin-top: 1rem;
    line-height: 2.5rem;
}

#touch-us li img {
    width: 2.5rem;
    float: left;
    margin-right: 1rem;
}

#touch-us li div,
#touch-us li p {
    color: #444;
    float: right;
    width: calc(100% - 3.5rem);
    font-size: 1.3rem;
}

.half p {
    width: 100% !important;
}

.half img {
    width: 75% !important;
}


/***  二级导航  ***/

#bread:after {
    display: block;
    content: "";
    clear: both;
}

#bread ul li {
    float: left;
    width: 20%;
    text-align: center;
    line-height: 3rem;
    margin-bottom: 2.5rem;
    font-size: 1.2rem;
    background-color: #f6f6f6;
    padding: .3rem 0;
}

#bread ul li a {
    padding-bottom: .9rem;
    color: #999;
}
#bread ul li.on a {
    color: #00ae85;
    border-bottom: 2px solid #00ae85;
}


/*顺风车*/

#product-list:after,
#product-list li:after {
    display: block;
    content: "";
    clear: both;
}

#product-list li img,
#product-list li p {
    width: 50%;
    font-size: 1rem;
    color: #999;
    padding: 0 .5rem;
    box-sizing: border-box;
}

#product-list li:nth-child(odd) img,
#product-list li:nth-child(even) p {
    float: left;
}

#product-list li:nth-child(odd) p,
#product-list li:nth-child(even) img {
    float: right;
}

#product-list li {
    width: 100%;
    clear: both;
    margin: 1rem 0;
}


/*直通车*/

#services-list:after {
    display: block;
    content: "";
    clear: both;
}

#services-list ul li {
    float: left;
    width: 25%;
    text-align: center;
    margin: 1rem 0;
}

#services-list ul li img {
    width: 60%;
    margin: 1rem 0;
}

#services-list ul li p {
    color: #444;
    font-size: 1.3rem;
}


/*新闻列表*/

#news-list li {
    border-bottom: 1px solid #eee;
}

#news-list li:first-child {
    margin-top: 0;
}


/*新闻详情*/

#news-title {
    text-align: center;
}

#news-title span {
    display: inline-block;
    margin: .5rem 0;
    color: #999;
}

#news-content {
    margin: 1rem 0;
}
#news-content p{
	font-size: 1.5rem;
	margin: 1rem 0 !important;
}
#news-content p img{
	width: 100%;
}
#news-content img{
	text-align: center;
	margin: 1.5rem 0;
}
/*关于UTo*/

.product-list:after {
    display: block;
    content: "";
    clear: both;
}

.product-list li {
    float: left;
    width: 25%;
    text-align: center;
    margin: 1rem 0;
}

.product-list li img {
    width: 60%;
    margin: .5rem 0;
}

.product-list li p {
    color: #999;
}

#cultrue {
    background-color: #f6f6f6;
    padding-bottom: 1rem;
    margin-top: 1rem;
}

.recruitList li{
	padding: 1rem 0;
	border-bottom: 1px solid #eee;
}
.station{
	font-size: 1.6rem;
	color: #444;
}
.askFor{
	font-size: 1.4rem;
	line-height: 2.4rem;
	color: #666;
}
.btn-look{
	color: #00ae85;
	font-size: 1.2rem;
}
.askDetailbox {
    height: 0;
    margin-top: 0.5rem;
    font-size: 1.2rem;
    line-height: 28px;
    color: #666;
    overflow: hidden;
    text-indent: 1.2rem;
}

.detailUnfold {
    height: auto;
}
/*** app下载 ***/

#appdownload {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    padding: 10px;
}

#appdownload:after {
    display: block;
    content: "";
    clear: both;
}

#appdownload .fl,
#appdownload .rt {
    float: none;
    display: inline-block;
    vertical-align: top;
}

#appdownload .fl p {
    color: #fff;
    font-size: 1rem;
    line-height: 1.8rem;
    margin-left: .5rem;
}

#appdownload img {
    width: 3.5rem;
    height: 3.5rem;
}

#downlaod {
    padding: 0 7px;
    border: 1px solid #00ae85;
    color: #00ae85;
    border-radius: 4px;
    line-height: 3rem;
    box-sizing: border-box;
    float: right !important;
    font-size: 1.3rem;
}

#closedownload {
    float: right !important;
    line-height: 3rem;
    margin-left: 1rem;
}

#closedownload img {
    width: 2.5rem;
    height: 2.5rem;
}

#more {
    display: block;
    width: 50%;
    text-align: center;
    line-height: 3rem;
    background-color: #00ae85;
    color: #fff;
    font-size: 1.5rem;
    margin: 0 auto;
}
/*产品优势*/
.advantageList{
	display: flex;
	justify-content:space-between;
	 flex-wrap: wrap;
}
.advantageList li{
	position: relative;
	width: 48%;
	margin-bottom: 1.2rem;
}
.advantageList li img{
	width: 100%;
}
.advan-textBox{
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	text-align: center;
}
.text-title{
	font-weight: bold;
	font-size: 1.5rem;
	padding: 0.8rem 0;
}
.emailBox{
	padding-bottom: 2rem;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #eee;
}
.emailBox img{
	width: 1.6rem;
	margin-right: .5rem;
	
}
.email{
	color: #525252;
	font-size: 1.4rem;
	
}
.emailText{
	display: inline-block;
	margin-right: 1rem;
}
/*产品介绍*/

.scopeBusinessBox:nth-child(even){
	background-color:#f6f6f6;
}
.scopeBusinessBox:nth-child(odd){
	background-color:#fff ;
}
.border-green{
	border-bottom: 1px dashed #00ae85;
}
.border-blue{
	border-bottom: 1px dashed #3b82c4;
}
.border-orange{
	border-bottom: 1px dashed #eaa63a;
}
.scopeBusinessBox{
	padding-bottom: 1.5rem;
}
.scope-introBox{
	padding: 1.5rem 0;
	display: flex;
	align-items:center;
}
.scope-introBox img{
	width: 2.5rem
}
.scope-introBox span{
	display: inline-block;
	font-weight: bold;
	color: #666;
	font-size: 1.8rem;
	margin-left: 0.8rem;
}
.scope-detial{
	color: #666;
	font-size: 1.2rem;
	padding-top: 1.5rem;
}
.serviceList {
	overflow: hidden;
	margin-top: 1.5rem;
}
.serviceList li{
	float: left;
	width: 50%;
	display: flex;
	margin-bottom: 1.5rem;
	align-items:center;
}
.serviceList li img{
	width: 2.2rem;
}
.serviceList li span{
	display: inline-block;
	font-weight: bold;
	color: #666;
	font-size: 1.5rem;
	margin-left: 0.8rem;
}
